<template>
  <view class="container">
    <view class="box" @click="gomessage">
      <image src="/static/image/tabBar/chats.png" mode="" class="imageitem"></image>
      <view class="textstyle">消息</view>
    </view>
    <view class="box" @click="gofind">
      <image src="/static/image/tabBar/discover.png" mode="" class="imageitem"></image>
      <view class="textstyle">发现</view>
    </view>
    <view class="box" @click="gomy">
      <image src="/static/image/tabBar/me.png" mode="" class="imageitem"></image>
      <view class="textstyle">我的</view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'shopfooter',
  data() {
    return {};
  },
  methods: {
    gomy() {
      uni.navigateTo({
        url: '/sub_my/my/my'
      });
    },
    // 跳转到消息页
    gomessage() {
      uni.switchTab({
        url: '/pages/chat/Chat'
      });
    },
    // 跳转到发现页
    gofind() {
      uni.switchTab({
        url: '/pages/find/find'
      });
    }
  }
};
</script>

<style lang="less" scoped>
.container {
  box-sizing: border-box;
  display: flex;
  justify-content: space-evenly;
  width: 750rpx;
  height: 98rpx;
  background: #ffffff;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
  .box {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    .imageitem {
      width: 60rpx;
      height: 60rpx;
    }
    .textstyle {
      text-align: center;
      font-size: 24rpx;
      color: #878787;
    }
  }
}
</style>
